* {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.main {
  width: 1000px;
  margin: 0 auto;
}

.head {
  position: relative;
   height: 140px; 
  /* background-color: darkgoldenrod; */
}
.head .one {
  height: 23px;
  background-color: #6db6ff;

}

.logo {
  float: left;
  margin-left:72px;
  padding-top:37px;
  width: 171px;
}


.lists ul li{
 float: left;
 padding-left: 20px;
 margin-top: 77px;


}
.lists ul li a {
  color: black;
}
.lists li a:hover {
  color:#6db6ff;
}

.search input {
  position: absolute;
  top: 86px;
  right: 88px;
  height: 29px;
}
.search img {
  position: absolute;
  top: 90px;
  right: 92px;
}
.search a:nth-child(3) {
 position: absolute;
 top: 30px;
 right: 40px;
 color: #000;
}
.search a:nth-child(4) {
  position: absolute;
  top: 30px;
  right: 0;
  color: #000;
 }


.content {
  height: 402px;
}

.mission_left {
  float: left;
  margin: 80px 0 0 51px;
  width: 266px;
  /* height: 319px; */
  background-color: #f2f2f2;
  text-align: center;
}
.mission_left img {
  margin-top: 17px;
}
.mission_left h1:nth-child(2) {
  margin-top: 17px;
}
.mission_left h1:nth-child(3) {
  margin-top: 7px;
}
.mission_left p {
  padding: 15px;
  text-align: left;
  letter-spacing: 2px;
  color: #838383;
  font-size: 12px;
}


.about_middle {
  float: left;
  width: 266px;
  margin-left: 42px;
  text-align: center;
}

/* .about_middle .about {
  text-align: center;
} */
.about_middle .about {
  margin-top: 22px;
}
.about_middle .about p:nth-child(1) {
  font-size: 24px;
 
 
}
.about_middle .about p:nth-child(2) {
  font-size: 16px;
 
}


.about_middle .team {
  background-color: #f2f2f2;
  margin-top: 5px;
}
.about_middle .team img {
  margin-top: 17px;
}
.about_middle .team p:nth-child(2) {
  margin-top: 17px;
  color:black;
  font-weight: 800;
}
.about_middle .team p:nth-child(3) {
  margin-top: 7px;
  color:black;
  font-weight: 800;
}
.about_middle .team p:nth-child(4) {
  padding: 15px;
  text-align: left;
  letter-spacing: 2px;
  color: #838383;
  font-size: 12px;
}
/* 
.case {
   overflow: hidden; 
} */
.vision_right {
  float: left;
  margin: 80px 0 0 51px;
  width: 266px;
  /* height: 319px; */
  background-color: #f2f2f2;
  text-align: center;
}
.vision_right img {
  margin-top: 17px;
}
.vision_right p:nth-child(2) {
  margin-top: 17px;
  color:black;
  font-weight: 800;
}
.vision_right p:nth-child(3) {
  margin-top: 7px;
  color:black;
  font-weight: 800;
}
.vision_right p:nth-child(4) {
  padding: 15px;
  text-align: left;
  letter-spacing: 2px;
  color: #838383;
  font-size: 12px;
}


.case_left{
  float:left;
  margin: 80px 0 0 51px;
  text-align: center;
}
.case_left p {
  padding-top: 16px;
}
.case_left button {
  margin-top: 19px;
  height: 27px;
  background-color: #00b7ee;
  color:white;
  width: 135px;
  font-size: 16px;
}


.case_middle {
  float: left;
   /* margin-top: 27px;  */
  margin-left: 7px;
  text-align: center;
}
.case_middle .portfplio p:nth-child(1) {
  font-size: 24px;
}
.case_middle .portfplio p:nth-child(2) {
  font-size: 16px;
}

.case_middle .touzipiture {
  margin-top: 27px;
}
.case_middle .touzipiture p:nth-child(2) {
  padding-top: 16px;
}
.case_middle .touzipiture button {
  margin-top: 19px;
  height: 27px;
  background-color: #00b7ee;
  color:white;
  width: 135px;
  font-size: 16px;
}

.case_right{
  float:left;
  margin: 80px 51px 0 7px;
  text-align: center;
}
.case_right p {
  padding-top: 16px;
}
.case_right button {
  margin-top: 19px;
  height: 27px;
  background-color: #00b7ee;
  color:white;
  width: 135px;
  font-size: 16px;
}


.big_case {
   margin: a auto;
   
} 
.big_case .link_bg {
  background: url(../images/link_bg.png) no-repeat center;
  height: 400px;
  clear:both;
  position: relative;
}
.big_case .link_bg .link{
 text-align: center;
 padding-top: 70px;
}
.big_case .link_bg .link p:nth-child(1) {
  font-size: 24px;
  color: white;
}
.big_case .link_bg .link p:nth-child(2) {
  font-size: 16px;
  color: white;
}


.company a:first-child{
  position: absolute;
  top: 50%;
  left: 8%;
  transform: translate(0,-50%);
 }
.company img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 12%;
  transform: translate(0,-50%);
 }
.company img:nth-child(3) {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
}
.company img:nth-child(4) {
  position: absolute;
  top: 50%;
  right: 12%;
  transform: translate(0,-50%);
 }
 .company a:last-child{
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translate(0,-50%);
 }


 
.footer .help {
  border-top: 1px solid #838383;
}
.datail {
  margin-left: 50px;
  float: left;
}
.items {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  margin-top: 35px;
 
}
.renew {
 padding-left: 70px;
}

.items_two {
  margin-top: 10px;
}
.items_two li {
padding-top: 5px;
font-size: 13px;
font-weight: normal;
}
.items_two :last-child {
  margin-bottom: 25px;
}

.call {
  margin-top: 25px;
}
.call :first-child {
 margin-top: 35px;
}
.call img {
  float: left;
  margin-left: 20px;
}
.call .call_left {
  float: left;
  padding-left: 7px;
 
}
.call .call_right {
  float: left;
}
.message {
  float: left;
}
.message img {
  margin-top: 5px;
  margin-left: -50px;
  
}

.copyright {
  width: 1000px;
  overflow: hidden;
  height: 70px;
  background-color: #6db6ff;
  margin-top: 25px;
}
.copyright p {
 text-align: center;
 padding-top: 43px;
}